(function ($) {
    $(function () {
        var jcarousel = $('.jcarousel');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();
                if (width >= 720) {
                    width = width / 6;
                } else if (width >= 600) {
                    width = width / 5;
                }else if (width >= 420) {
                    width = width / 4;
                } else if (width >= 350) {
                    width = width / 3;
                } else if (width >= 210) {
                    width = width / 2;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .jcarouselControl({
                target: '+=1'
            });

        $('.jcarousel-pagination').hide();
//            .on('jcarouselpagination:active', 'a', function () {
//                $(this).addClass('active');
//            })
//            .on('jcarouselpagination:inactive', 'a', function () {
//                $(this).removeClass('active');
//            })
//            .on('click', function (e) {
//                e.preventDefault();
//            })
//            .jcarouselPagination({
//                perPage: 1,
//                item: function (page) {
//                    return '<a href="#' + page + '">' + page + '</a>';
//                }
//            });
    });
})(jQuery);
